<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" >
    <head>
        <!-- Meta Tags -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <!--<meta name="generator" content="WordPress 3.3.1" />-->

        <title>Sistema de Informaci&oacute;n Cultural Pukara</title>

        <link rel="shortcut icon" href="<%= root_url %>images/favicon_pukara.ico" />
        <%= csrf_meta_tag %>

        <!-- Stylesheets Links -->
        
        <link rel="stylesheet" href="<%= root_url %>stylesheets/structure.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="<%= root_url %>stylesheets/style.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="<%= root_url %>stylesheets/colour.php.css" type="text/css" media="screen" />
        <link rel='stylesheet' id='slb_style-css'  href='<%= root_url %>stylesheets/lightbox.css?ver=1.5.6b4' type='text/css' media='all' />
        <link rel='stylesheet' href="<%= root_url %>stylesheets/lightbox.css" rel="stylesheet" />
        <link rel='stylesheet' href="<%= root_url %>stylesheets/screen.css" rel="stylesheet" />

        <%=stylesheet_link_tag'newStylePukara'%>

        <!-- CSS, JS Autogenerados por Rails -->
        <%= stylesheet_link_tag :all %>

        <!-- javascript Links -->        
        <script type='text/javascript' src="<%= root_url %>javascripts/jquery.js"></script>
        <script type='text/javascript' src="<%= root_url %>javascripts/jquery-1.7.2.min.js"></script>
        <!--<script type='text/javascript' src="<%#= root_url %>javascripts/jquery.validate.min.js"></script>-->
        <!--<script type='text/javascript' src="<%#= root_url %>javascripts/localization/messages_es.js"></script>-->
        <script type='text/javascript' src="<%= root_url %>javascripts/lightbox.js"></script>
        <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=1.4'></script>
        <script type='text/javascript' src='<%= root_url %>javascripts/comment-reply.js?ver=20090102'></script>
        <script type='text/javascript' src='<%= root_url %>javascripts/lib.js?ver=1.5.6b4'></script>
        <script type='text/javascript' src="<%= root_url %>javascripts/jquery.treeview.js"></script>
        <script type='text/javascript' src="<%= root_url %>javascripts/jquery.cookie.js"></script>
        <%= javascript_include_tag :defaults %>

                <!-- javascript -->
        <script type="text/javascript" id="slb_init">
            /* <![CDATA[ */(function($){$(document).ready(function(){SLB.initialize({"validateLinks":false,"autoPlay":true,"slideTime":"6","loop":true,"overlayOpacity":"0.8","animate":true,"captionEnabled":true,"captionSrc":true,"descEnabled":true,"layout":"'<div id=\"slb_container\"><div id=\"slb_content\">{slbContent}<div id=\"slb_nav_hover\">{navPrev}{navNext}<\/div><div id=\"slb_loading\">{slbLoading}<\/div><\/div><\/div><div id=\"slb_details\"><div id=\"slb_data\"><div id=\"slb_data_content\">{dataCaption}<span id=\"slb_data_desc\">{dataDescription}<\/span>{dataNumber}<span id=\"slb_nav\">{navPrev}{navNext}{navSlideControl}<\/span><\/div><div id=\"slb_close\">{slbClose}<\/div><\/div><\/div>'","altsrc":"slb_src","relAttribute":["slb"],"prefix":"slb"});})})(jQuery);/* ]]> */
        </script><!-- wp thread comment 1.4.9.4.002 -->

        <script type="text/javascript">
            $(document).ready(function() {
                $("#countries").change(function() {
                    $.post("/Home/GetStates/", { countryID: $(this).val() }, function(data) {
                        populateDropdown($("#states"), data);
                    });
                });
            });

            function populateDropdown(select, data) {
                select.html('');
                $.each(data, function(id, option) {
                    select.append($('<option></option>').val(option.value).html(option.name));
                });
            }
        </script>

        <!-- Stylesheets -->
        <style type="text/css" media="screen">
            .editComment, .editableComment, .textComment{
                    display: inline;
            }
            .comment-childs{
                    border: 1px solid #999;
                    margin: 5px 2px 2px 4px;
                    padding: 4px 2px 2px 4px;
                    background-color: white;
            }
            .chalt{
                    background-color: #E2E2E2;
            }
            #newcomment{
                    border:1px dashed #777;width:90%;
            }
            #newcommentsubmit{
                    color:red;
            }
            .adminreplycomment{
                    border:1px dashed #777;
                    width:99%;
                    margin:4px;
                    padding:4px;
            }
            .mvccls{
                    color: #999;
            }
        </style>
    </head>
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=151090545023142";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <!-- end head -->
    <body class="main   ">
        <div id="container" class="relative png">
            <!-- EL logo se referencia desde css con colour.php.css -->
            <div id="logo">
                <a href="<%= root_url %>" title="Sistema de Informaci&oacute;n Cultural Pukara">Sistema de Informaci&oacute;n Cultural Pukara</a>
            </div>
            
            <div id="toolbar">
                <p class="right">
                    <% if user_signed_in? %>
                      <%= current_user.lastname %>, <%= current_user.name %>
                      <%= link_to 'Cerrar sesión', destroy_user_session_path, :method => :delete, :class => 'white' %>
                    <% else %>
                      <%= link_to 'Iniciar sesión', new_user_session_path, :class => 'white' %> ó <%= link_to 'Registrarse', new_user_registration_path, :class => 'white' %>
                    <% end %>
                </p>
            </div>
            <!-- Navigation -->
            <%= render "shared/menu" %>
            <!-- end #nav -->

            <a href="#" class="shutter png"></a>

            <!-- #slider -->
            <div id="slider">

                <a href="<%= root_url %>"
                   title="<%= root_url %>">
                    <img width="940" height="300" src="<%= root_url %>images/banner0.jpg"
                         class="attachment-slider wp-post-image" alt="Sistema Cultural" title="Sistema Cultural" />
                </a>
                <a href="<%= root_url %>"
                   title="<%= root_url %>">
                    <img width="940" height="300" src="<%= root_url %>images/banner1.jpg"
                         class="attachment-slider wp-post-image" alt="Pukara" title="Pukara" />
                </a>
                <a href="<%= root_url %>"
                   title="<%= root_url %>">
                    <img width="940" height="300" src="<%= root_url %>images/banner2.jpg"
                         class="attachment-slider wp-post-image" alt="Sistema Cultural" title="Sistema Cultural" />
                </a>

                <a href="<%= root_url %>"
                   title="<%= root_url %>">
                    <img width="940" height="300" src="<%= root_url %>images/banner3.jpg"
                         class="attachment-slider wp-post-image" alt="Pukara" title="Pukara" />
                </a>
                <a href="<%= root_url %>"
                   title="<%= root_url %>">
                    <img width="940" height="300" src="<%= root_url %>images/banner4.jpg"
                         class="attachment-slider wp-post-image" alt="Sistema Cultural" title="Sistema Cultural" />
                </a>

                <a href="<%= root_url %>"
                   title="<%= root_url %>">
                    <img width="940" height="300" src="<%= root_url %>images/banner5.jpg"
                         class="attachment-slider wp-post-image" alt="Pukara" title="Pukara" />
                </a>
                <a href="<%= root_url %>"
                   title="<%= root_url %>">
                    <img width="940" height="300" src="<%= root_url %>images/banner6.jpg"
                         class="attachment-slider wp-post-image" alt="Sistema Cultural" title="Sistema Cultural" />
                </a>

                <a href="<%= root_url %>"
                   title="<%= root_url %>">
                    <img width="940" height="300" src="<%= root_url %>images/banner7.jpg"
                         class="attachment-slider wp-post-image" alt="Pukara" title="Pukara" />
                </a>

            </div>
            <!-- end #slider -->
            

            <div id="page" class="relative">
              <%= render "shared/blocks" %>
                

                </div>
                <!-- end #content -->

                
                <div id="sidebar" class="relative" >
<!--
                    <form id="searchForm" action="<#%= root_url %>" method="get">
                        <p>
                            <input type="text" id="s" name="s" class="search default" value="Search" />
                            <input type="submit" id="submit" name="search" value="search" />
                        </p>
                    </form>

                    <div class="clear"><hr /></div>
-->
                    <div id="text-3" class="widget widget_text">
                        <h4><span>Sistema de Informaci&oacute;n Cultural Pukara</span></h4>
                        <div class="textwidget">
                            <p>Pukara es una plataforma de gesti&oacute;n y promoci&oacute;n de los bienes culturales de la cultura peruana. Ha sido diseñado para que el usuario disfrute de una experiencia inigualable al acercarse a la riqueza cultural peruana.
                            </p>
                            <a href="<%= root_url %>">
                                <img src="<%= root_url %>images/logo_pukara.png" width="250" alt="Sistema de Informaci&oacute;n Cultural Pukara" />
                            </a>
                            
                        </div>
                    </div>

                    <div id="tz_ad260x120_widget-3" class="widget tz_ad260x120_widget">
			<h4><span>Pontificia Universidad Católica del Perú</span></h4>
			<div class="sidebar_ad"><a href="http://www.pucp.edu.pe"><img src="http://3.bp.blogspot.com/_zvEhwnNVGGs/SSs6UfTQtuI/AAAAAAAABWg/lC8nvips2Uw/s320/PUCP_logo.jpg" width="260" height="94" alt="250" /></a>
			</div>
                    </div>
                    <div id="tz_ad260x120_widget-3" class="widget tz_ad260x120_widget">
                      <h4><span>Twitter</span></h4>
                      <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
                        <script>
                        new TWTR.Widget({
                          version: 2,
                          type: 'profile',
                          rpp: 4,
                          interval: 30000,
                          width: 'auto',
                          height: 300,
                          theme: {
                            shell: {
                              background: '#333333',
                              color: '#ffffff'
                            },
                            tweets: {
                              background: '#000000',
                              color: '#ffffff',
                              links: '#4aed05'
                            }
                          },
                          features: {
                            scrollbar: false,
                            loop: false,
                            live: true,
                            behavior: 'all'
                          }
                        }).render().setUser('Sistema_Pukara').start();
                        </script>
                    </div>

                    <div id="tz_ad260x120_widget-3" class="widget tz_ad260x120_widget">
                      <h4><span>Facebook</span></h4>
                      <div class="fb-like-box" data-href="http://www.facebook.com/SistemaPukara" data-width="270" data-colorscheme="dark" data-show-faces="true" data-stream="true" data-header="true"></div>
                    </div>
                    <div id="tz_ad260x120_widget-3" class="widget tz_ad260x120_widget">
                      <h4><span>ClustrMaps</span></h4>
                      <div id="clustrmaps-widget"></div><script type="text/javascript">var _clustrmaps = {'url' : 'http://200.16.7.111', 'user' : 1024356, 'server' : '4', 'id' : 'clustrmaps-widget', 'version' : 1, 'date' : '2012-06-22', 'lang' : 'en', 'corners' : 'square' };(function (){ var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'http://www4.clustrmaps.com/counter/map.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);})();</script><noscript><a href="http://www4.clustrmaps.com/user/8adfa164"><img src="http://www4.clustrmaps.com/stats/maps-no_clusters/200.16.7.111-thumb.jpg" alt="Locations of visitors to this page" /></a></noscript>
                    </div>
                    <!--
                    <div id="tz_ad260x120_widget-3" class="widget tz_ad260x120_widget">
                        <h4><span>Advert</span></h4>
                        <div class="sidebar_ad">
                            <a href="http://themeforest.net/item/cult-a-stylish-magazine-theme/156682">
                                <img src="http://themes.theodin.co.uk/cult/wp-content/themes/cult/resources/images/advert.gif" width="260" height="120" alt="" /></a>
                        </div>
                    </div>
                    -->
                    <!--
                    <div id="tz_flickr_widget-3" class="widget tz_flickr_widget">
                        <h4><span>Flickr</span></h4>
                        <div id="flickr"></div>
                        <script type="text/javascript" src="<%#= root_url %>javascripts/jquery.flickrush.js"></script>
                        <script type="text/javascript">jQuery(function() {jQuery("#flickr").flickrush({ id:"44499772@N06", limit:"4", random:true }); });</script>
                    </div>
                    -->
                </div>
                <!-- end #sidebar -->                 
                <div id="footer" class="relative">
                    <ul class="social">
                        <li class="heading">
                            <h4>Redes Sociales</h4></li>
                        <li class="relative">
                            <a href="http://twitter.com/Sistema_Pukara" title="Siguenos en Twitter" class="tip" target="_blank"><img class="png" src="<%= root_url %>images/social/twitter.png" alt="Siguenos en Twitter" /></a></li>
                        <li class="relative">
                            <a href="mailto:pukara.cultural.2012@gmail.com" title="Escribenos" class="tip" target="_blank"><img class="png" src="<%= root_url %>images/social/email.png" alt="Escribenos" /></a></li>
                        <li class="relative">
                            <a href="http://www.facebook.com/SistemaPukara" title="Visitanos en Facebook" class="tip" target="_blank"><img class="png" src="<%= root_url %>images/social/facebook.png" alt="Visitanos en Facebook" /></a></li>
                    </ul>

                    <div class="twitter">
                        <h4>Pukara</h4>
                        <img src="<%= root_url %>images/pukara_logo2_med.png" alt="Sistema de Informaci&oacute;n Cultural Pukara" />
                        <!--
                        <h4>Qu&eacute; ir&iacute;a aqu&iacute;?</h4>
                        <div class="triangle png"></div>
                        <p id="tweet"></p>
                        <p class="right">
                            <small><a href="http://www.twitter.com/philipbeel" title="follow on twitter">follow on twitter </a>
                            </small>
                        </p>
                                            -->
                    </div>
                    <div class="about">
                        <h4>Sistema de Informaci&oacute;n Cultural Pukara</h4>
                        <p>Pukara es una plataforma de gesti&oacute;n y promoci&oacute;n de los bienes culturales de la cultura peruana. Ha sido diseñado para que el usuario disfrute de una experiencia inigualable al acercarse a la riqueza cultural peruana.</p>
                    </div>
                </div>
                <!-- end #footer -->


            </div>
            <!-- end #page -->
            
        </div>
        <!-- end #container -->

        <div class="rights relative">
            <!-- Footer Navigation -->
            <p class="right">&copy; 2012 Sistema de Informaci&oacute;n Cultural Pukara</p>
            <p class="right">Themeforest Cult</p>
        </div>
        <!-- end .rights -->

        <!-- scprits -->
        <script type="text/javascript" src="<%= root_url %>javascripts/jquery.superfish.js"></script>
        <script type="text/javascript" src="<%= root_url %>javascripts/jquery.tweetable.js"></script>
        <script type="text/javascript" src="<%= root_url %>javascripts/jquery.tipsy.js"></script>

        <script type="text/javascript" src="<%= root_url %>javascripts/jquery.nivo.slider.js"></script>
        <script type="text/javascript" src="<%= root_url %>javascripts/slider.js"></script>

        <script type="text/javascript" src="<%= root_url %>javascripts/jquery.fancybox.1.3.4.pack.js"></script>
        <script type="text/javascript" src="<%= root_url %>javascripts/general.js"></script>
        
        <!--[if IE 6]>
        <script type='text/javascript' src='<%= root_url %>javascripts/dd_belated_png.js'></script>
        <script>DD_belatedPNG.fix('.png');</script>
        <![endif]-->
        
        <script type="text/javascript">
            jQuery(function() {
                //initiate the twitter feed
                jQuery('#tweet').tweetable({username: 'philipbeel', limit: 1});
            });
        </script>
    </body>
<!-- end .container -->
</html>
